<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ckplayer</title>
    <meta name="viewport" content="width=device-width">
    <link type="text/css" rel="stylesheet" href="ckplayer/css/ckplayer.css"/>
    <script type="text/javascript" src="ckplayer/js/ckplayer.js" charset="UTF-8"></script>
</head>
<body>

<div class="video" style="width: 400px;height: 300px;">播放器容器</div>

<script type="text/javascript">
    //定义一个变量：videoObject，用来做为视频初始化配置
    var videoObject = {
        container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class
        // video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4'//视频地址
        plug: 'hls.js',//使用hls.js插件播放m3u8
        // video: 'http://localhost/source/1/Cut.m3u8'//视频地址
        video: 'https://cctvwbndbd.a.bdydns.com/cctvwbnd/cctv1_2/index.m3u8'//视频地址
    };
    var player = new ckplayer(videoObject);//初始化播放器
</script>
</body>
</html>
